/* -----------------------------------------------------------------

The Whole CSS written by Elecom.
(C) Elecom Inc.
Annoucement here,Copyright
Shenzhen.Eleccom Technology.使用原代码请联系作者QQ: 2300184378 / 2021-10-19 20:00:06

---------------------------------------------------------------------------------------*/

.navfixed {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    box-shadow: 0 3px 16px 0 rgb(0 0 0 / 10%);
    background: #FFFFFF;
}
.mi_phone_top { display: none}
.mi_phone_header {
	display: none;
    z-index: 9999;
    height: auto;
    overflow: visible;
    position: fixed;
    top: 0;
    background: #FFFFFF;
    box-shadow: none;
}
#body_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background: rgba(0,0,0,.6);
    z-index: 10000;
    display: none;
}
.mi_phone_top .menu {
    position: fixed;
	left: -200px;
    transition: all 0.5s ease 0s;
    height: 100%;
    top: 0;
    padding-top: 0;
    border: 0 !important;
    background: #FFFFFF;
    width: 200px;
    max-width: none !important;
    z-index: 10000
}
.mi_phone_top .menu ul { display: none}
.mi_phone_top .menu.on {
	left: 0 !important
}
.mi_phone_top .menu.on ul { display: block}
.ct2_a .avt img { border-radius: 50%; border: 0; padding: 0; box-shadow: none}
.menu ul {
    float: none !important;
    height: auto !important;
    width: 100%;
    margin: 0 auto;
}
.mi_phone_top .menu ul li {
	float: left;
	margin: 0;
    position: relative;
    height: auto !important;
    font-size: 15px;
    width: 100%;
    line-height: 40px;
    padding: 0;
    text-align: left;
}
.mi_phone_top .menu ul li span { display: none}
.mi_phone_top .menu ul li a {
	display: inline-block;
	width: 100%;
    font-size: 15px !important;
    float: none !important;
    padding: 0 0 0 60px;
    height: 36px;
    line-height: 36px;
    color: #333333;
}
.mi_phone_header { width: 100%}
.mi_phone_header .logo {
    padding: 0;
    margin: 0 0 0 4% !important;
    width: auto;
}
.mi_phone_header .mi_section {
	max-width: 1200px;
    margin: 0;
    width: 100% !important;
}
.mi_phone_header .logo img {
    height: 37px;
	margin: 9px 0 0 0
}
.xiaomi_menu {
	float: right;
    width: 16px;
    height: 14px;
	margin: 21px 4% 0 0
}
.xiaomi_menu span { float: left; width: 16px; height: 2px; margin: 0 0 4px 0; background: #333333}
.nav_slide .h_pop { display: none}

@media (max-width: 820px) {
html, body {
    display: block;
    width: 100%;
    overflow-x: hidden;
}
.hykTTu { width: 50% !important}
#fastpostsml_menu.sllt, #fastpostat_menu.upf { left: 3% !important}
.display_none, #spanButtonPlaceholder, .fpd span.pipe, .fpd a:nth-child(3), .fpd a:nth-child(3), .fpd a:nth-child(4), .fpd a:nth-child(4), .fpd a:nth-child(5), .fpd a:nth-child(6), .fpd a:nth-child(9) { display: none}
.pg a, .pg strong, .pgb a, .pg label { margin: 0 2px 4px 2px !important}
.mi_tag_top li { margin: 0 16px 0 0 !important}
.mi_tag_top li:last-child { margin: 0 !important}
.tedt .pt { background: none !important}
.mi_section { margin: 0 auto; width: 94% !important}
.mi_section .wp { width: 100% !important}
.footer { padding-bottom: 20px !important}
.footer .mi_section .left { display: block; width: 100%; text-align: center}
span[data-v-0bacf66c] { width: 100% !important; padding: 0 !important; margin: 10px 0 10px 0; text-align: center !important}
.footer .mi_section .right { display: block; width: 100%; margin: 20px 0 0 0; text-align: center}
.footer .mi_section .right .down_icon { float: none; display: inline-block}
.footer .mi_section .right .home-desk-item[data-v-3c6d2970] { margin: 0 15px !important}
.mi_phone_top, .mi_phone_header { display: block; background: #FFFFFF}
.mi_phone_header { height: 56px; box-shadow: 0 1px 1px rgb(163 163 163 / 10%)}
.mi_phone_box { height: 56px}
#quater_nav { display: none}
.tp_box1 { margin-top: 20px !important}
.elec_w1180 { width: 100% !important}
.elec_links { float: none; width: 100%}
.elec_spread {
    float: none;
	text-align: center;
	border: 0;
    padding: 0 50px;
	margin: 30px 0 0 0
}
.elec_spread .elec_weixin, .elec_spread .elec_appft { float: none; display: inline-block}
.elec_spread .elec_weixin, .elec_spread .elec_appft { width: 36%; margin: 0 2% !important}
.elec_spread .elec_weixin img, .elec_spread .elec_appft img { width: 100% !important; height: auto !important}
.elec_fttop { height: auto !important}
.elec_links ul li { width: 33.33% !important; text-align: center}
.elec_contact { float: none; text-align: center; width: 100%; margin: 0 0 20px 0 !important}
.elec_contact p:first-child { margin: 10px 0 10px 0 !important}
.index_right { display: none}
.wp.serch_wp { width: 100%}
.m_left_box { width: 100% !important; margin: 0 0 20px 0 !important; min-height: 100px !important}
.m_left_box1 { position: relative !important; width: 100% !important; min-height: 100px !important; margin: 0 !important; top: 0 !important; left: 0 !important}
.pindao_list li { width: 25% !important; overflow: hidden}
.tabBar .hd { position: relative !important}
.index_left { width: 100% !important}
.banner_l { float: none !important; width: 100% !important; height: 190px !important}
.banner_r { float: none !important; width: 100% !important; display: none !important}
.elecom_banner { width: 100% !important; height: 190px !important}
.elecom_banner .pic li { height: 190px !important}
.elecom_banner .pic img { width: 100% !important; height: auto !important}
.tabBar .hd { width: 92% !important; padding: 4% !important; margin-bottom: 20px !important}
.tabBar .hd ul { width: 100% !important}
.tabBar .bd .ui_list { width: 100% !important; padding: 10px 0 0 0 !important; border: 0 !important}
.tabBar .bd .ui_list h3 { padding: 0 !important}
.ui_2_ul_li { width: 100% !important; height: auto !important; padding: 15px 0 !important; margin: 0 !important}
.ui_2_ul_li_imgouter {
    width: 32% !important;
    height: 85px !important;
}
.ui_2_ul_li_imgouter a.fr { display: block; width: 100%; height: 85px}
.ui_2_ul_li_imgouter img { width: 100% !important; height: auto; min-height: 85px; border-radius: 4px}
.ui_2_ul_li_con { width: 65% !important; height: 85px !important}
.ui_2_ul_li_con p { display: none !important}
.ui_2_ul_li_con h3 { width: 70% !important; height: 40px !important; white-space: unset !important; text-overflow: unset !important; font-size: 15px !important; font-weight: 400 !important}
.ui_2_userinfo { bottom: 3px !important}
#to_top { display: none !important}
.ui_2_ul_li .ui_2_userinfo span:last-child { margin: 0 !important}
.friends a[data-v-0bacf66c], span[data-v-0bacf66c] { float: none !important; display: inline-block !important; padding: 0 5px 10px 5px !important}
.friends[data-v-0bacf66c] { max-width: 100% !important; display: block !important; text-align: center !important}

.ct2_a, .ct3_a { box-shadow: none; background: none !important}
.appl { width: 100% !important; margin-bottom: 10px !important; background: #FFFFFF !important}
.ct3_a .sd { display: none !important}
.ct3_a .mn { width: 100% !important; box-sizing: border-box; margin: 0 !important; padding: 0 10px !important; background: #FFFFFF !important}
.mi th { padding: 0 10px 0 0 !important}
.mi td { width: auto !important}
.sp_left { float: left; width: 20% !important}
.sp_right { float: right !important; width: 75% !important}
.mi .avatar img { padding: 0 !important; border: 0 !important; margin: 0 !important; max-width: 100% !important}
.mi .moodfm_input { width: 80% !important; height: 26px !important}
.mi #moodfm textarea { width: 92% !important; height: 26px !important; line-height: 26px !important; padding: 0 4% !important; margin: 0 !important; background: none !important}
.moodfm_btn { width: 17% !important; height: 28px !important; padding: 0 !important; background: rgba(0,0,0,0.85) !important}
.moodfm_btn button { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; opacity: 1 !important; line-height: 28px !important; width: 100% !important; height: 28px !important; color: #FFFFFF !important; text-align: center !important}
hr.da { border: 0 !important}
#mood_mystatus { display: none !important}
#moodfm { margin: 10px 0 0 0 !important}
.ct3_a .mn .el li { border-bottom: 1px dashed #EEEEEE !important}
.ct3_a .mn .bbda { border-bottom: 1px solid #EEEEEE}
.ct3_a .mn .bbda:last-child { border-bottom: 0 !important}
.ct3_a .mn .tb { border-bottom: 1px solid #EEEEEE}
.ct3_a .mn .tbmu { padding: 8px 10px 8px 0; border-bottom: 1px dashed #EEEEEE}

.ct2_a { position: relative !important}
.ct2_a .mn { float: left !important; width: 100% !important; padding: 10px 10px 0 10px; margin: 95px 0 0 0; box-sizing: border-box; background: #FFFFFF !important}
.ct2_a .appl { float: none !important; width: 100% !important; height: 85px; padding: 10px 10px 0 10px; position: absolute; top: 0; overflow: hidden; box-sizing: border-box}
.ct2_a .tbn h2 { display: none !important}
.ct2_a .tbn li { float: left !important; width: auto !important; height: auto !important; padding: 5px 10px !important; margin: 0 5px 5px 0 !important; border: 0 !important; border-radius: 4px; font-size: 12px !important}
.ct2_a .tbn li:last-child { margin-right: 0 !important}
.ct2_a .tbn li.a { background: rgba(0,0,0,0.85) !important}
.ct2_a .tbn li.a a { color: #FFFFFF !important}
.ct2_a .tbn ul a { height: auto !important; line-height: normal !important}
.ct2_a .tfm { display: flex}
.ct2_a .tfm th { width: 70px !important}
.ct2_a .tfm .pt, .ct2_a .tfm .px { width: 100%; padding-right: 10px; box-sizing: border-box}
.ct2_a .tfm .pt#secmobilenew, .ct2_a .tfm .px#secmobilenew { width: calc(100% - 37px); margin-right: 0}
.ct2_a .tfm tr { position: relative; float: left; width: 100%}
.ct2_a .tfm tr th { float: left}
.ct2_a .tfm tr td { float: left}
.ct2_a .tfm .tedt { width: 100% !important; box-sizing: border-box}
.ct2_a .tfm tr td:nth-child(2) { width: calc(100% - 160px)}
.ct2_a .tfm tr td:nth-child(3) { position: absolute; right: 0; top: 0; float: right}
.ct2_a .tfm tr td:nth-child(2) select { width: 100%; box-sizing: border-box}
.ct2_a .tfm tr td:nth-child(3) select { border: 0}
.ct2_a .tfm tbody { width: 100%}
.ct2_a .tfm .px { height: 22px !important}
.ct2_a .tdats .tdat { width: 30% !important}
.ct2_a .tdats .tfxf { width: 70% !important}
.ct2_a .tdats .tfx { display: none !important}
.ct2_a .tdats .tb, .tscr { width: 70% !important}
.ct2_a .tb .y { display: none !important}
.ct2_a .tb { border-bottom: 1px solid #EEEEEE}
.ct2_a .tb li { margin-bottom: 0 !important}
.ct2_a .tb a { font-size: 12px; margin-right: 10px; border-bottom: 0 !important}
.ct2_a .pns .pn { margin: 5px 0 0 0; border: 0}
.ct2_a .biduser { width: 100% !important}
.rank2 .bm_c { width: 100% !important}
.ct2_a .rank2 .xl2 li { width: 100% !important; margin: 0 0 3px 0 !important}
.rank2 .bm_c li span { margin: 2px 0 0 0}
.rank2 .bm_c li a { max-width: 60% !important}
.rank2 .bm_c li em { max-width: 20% !important}
.rank2 .bm_c li em a { max-width: 100% !important}
.ct2_a .bm_h { height: 40px; line-height: 40px; padding: 0}
.ct2_a .bm_h h2 { top: 10px; font-size: 14px}
.notice_app, .notice_interactive, .notice_manage, .notice_mypost, .notice_pm, .notice_system { display: none !important}
.ct2_a .pml dl {
    padding-left: 58px;
    padding-right: 10px;
}
.ct2_a .xlda .m {
    display: inline;
    margin: 8px 0 8px -58px;
}
.ct2_a .nts {
    padding-left: 0;
}
.ct2_a .nts dl {
	padding: 10px 0 10px 65px;
    border-bottom: 1px dashed #EEEEEE
}
.ct2_a .buddy li { width: 100%; height: 80px; box-sizing: border-box; margin: 10px 0 0 0}
.friend_box { width: 100%; padding: 0 !important}
.friend_box_right { display: none !important}
.whole_boxx { width: 100% !important}
.zib-widget { padding: 0 !important}
.posts-item { width: 100% !important; box-sizing: border-box; padding: 5px 15px !important; margin: 10px 0 !important}
.post-graphic { margin-right: 10px !important}
.post-graphic { width: 30% !important; height: 65px; border-radius: 4px; overflow: hidden}
#nv_home .item-thumbnail { width: 100%; height: 65px}
#nv_home .item-thumbnail img { width: 100% !important; height: auto !important}
#nv_home .item-body { float: right !important; width: 65% !important; height: 65px !important}
#nv_home .item-meta { width: auto !important; right: 0 !important}
#nv_home .icon-circle { display: none !important}
#nv_home .item-excerpt, #nv_home .item-tags { display: none !important}
.com_head { width: 16% !important; height: 16% !important}
.com_head img { width: 100% !important; height: 100% !important}
.cmt_infos { width: 60% !important}
.cmtboxx y { width: 20% !important}
.mla li, .mlp li { width: 40% !important; padding: 0 !important; margin: 0 5% !important}
.mla .c { width: 100% !important; height: auto !important; background: none !important}
.mla .c a { display: block; width: 100% !important; height: auto !important; padding: 0 !important; overflow: hidden}
.mla img { width: 100% !important; height: auto !important}
.numboxx .ptw.ml.mlp { padding: 0 !important}
.numboxx .tbmu { margin-bottom: 20px}
#pnv .ml li { float: left !important; width: 40% !important; padding: 0 !important; margin: 0 5% !important}
.pic_w_box { padding: 0 !important}
.pic .c img { max-width: 100% !important}
.mlnv a {
    max-width: 60px !important;
    max-height: 40px !important;
    display: inline-block;
    margin-right: 10px !important;
	margin-bottom: 10px !important;
    overflow: hidden;
}
.mlnv a.btn { padding: 10px !important}
.blog_list_box { padding: 0 15px !important}
.display_none { display: none !important}
.space_boxs1 { padding: 10px 15px !important}
.pd_box_home { padding: 0 0 15px 0 !important}
.cmt_list li { padding: 20px 0 !important}
.author-cover { height: 180px !important; margin-bottom: 15px !important}
.author-cover .page-cover-con { padding: 0 !important; margin: 15px !important}
.avatar-img.avatar-lg { width: 48px !important; height: 48px !important}
.page-cover>.page-cover-con { top: 0 !important}
.abs-center, .abs-left, .abs-right, .form-select::before, .line-form-label, .payvip-icon:before, .toggle-radius .fa, .toggle-radius .icon { top: auto !important; bottom: 0 !important; margin: 0 !important}
.em12 { font-size: 16px !important}
.em09 { font-size: 13px !important}
.mb_15 { margin-bottom: 15px !important}
.down_box { min-height: inherit !important}
.fwinmask { left: 20px !important}
.fwinmask .pm {
    overflow: hidden;
    width: 260px !important;
}
.pmfm .tedt { width: 100% !important}
.fwinmask .m_c { max-width: 300px !important}

.listbox { width: 100% !important}
#threadlist .ptn.pbn { width: 100% !important}
.tabx_conts { width: 100% !important; box-sizing: border-box}
.book_box { width: 100% !important; box-sizing: border-box}
.list-card-header[data-v-1df2631a] { float: left !important; width: 25% !important}
.list-card-header[data-v-1df2631a] img { width: 100% !important; height: auto !important}
.list-card-content[data-v-1df2631a] { float: right !important; width: 70% !important}
.BtnAreaCover[data-v-efef642e], header[data-v-efef642e], .add-btn.top[data-v-1df2631a] { display: none !important}
.pl.quater_all_replies { border-radius: 4px 4px 0 0; overflow: hidden}
.tsj-book-cover { float: left !important; width: 30% !important; height: auto !important; margin: 0 !important}
.tsj-book-cover img { width: 100% !important; height: auto !important}
.flex-col { float: right !important; width: 65% !important; margin-bottom: 10px !important}
#tsj-book-star-chart { display: none !important}
.flex-grow { width: 28% !important; padding: 0 !important; margin: 0 2% !important}
.flex-grow:first-child { margin: 0 2% 0 0 !important}
.flex-grow:last-child { margin: 0 0 0 2% !important}
.shidu { left: 0 !important}
.shidu a { padding: 0 15px !important; font-size: 12px !important}

.about-subnav .about-menu { position: relative !important}
.about-content { margin-left: 0 !important}
.about-content-ul li { width: 100% !important}

.cardx .card-header { padding: 15px !important}
.card-header em { padding: 10px 0 !important}
.cardx .card-body { padding: 0 15px 15px 15px !important}
#site_nodes .site { float: left; width: 33.33% !important; margin-bottom: 2px !important; height: 30px; line-height: 30px; overflow: hidden}
#site_nodes .site a { font-size: 13px !important}
#site_nodes .site .favicon { float: left; margin: 7px 0 0 0}
.footer-style { height: auto !important; min-width: 100px !important}
.footer-style .footer-first { float: none; width: 100%; line-height: 20px; text-align: center; padding: 0 10px; margin: 0 0 10px 0; box-sizing: border-box}
.footer-style .footer-second { float: none; width: 100%; line-height: 20px; padding: 0 10px; margin: 0 0 10px 0; text-align: center; box-sizing: border-box}
#editorbox { padding: 0 !important}
.pg_post #ct.ct2_a { padding: 0 !important}
}